<template>
	<div class="dashboard-editor-container">
		<panel-group @handleSetLineChartData="handleSetLineChartData" />
	</div>
</template>

<script>
import PanelGroup from './components/PanelGroup'

export default {
	name: 'DashboardAdmin',
	components: {
		PanelGroup,
	},
	data() {
		return {}
	},
	methods: {
		handleSetLineChartData(type) {
			this.$router.push(`/${type}/list`)
		},
	},
}
</script>

<style lang="scss" scoped>
.dashboard-editor-container {
	padding: 32px;
	background-color: rgb(240, 242, 245);
	position: relative;

	.github-corner {
		position: absolute;
		top: 0px;
		border: 0;
		right: 0;
	}

	.chart-wrapper {
		background: #fff;
		padding: 16px 16px 0;
		margin-bottom: 32px;
	}
}

@media (max-width: 1024px) {
	.chart-wrapper {
		padding: 8px;
	}
}
</style>
